سفارش تبلیغ
صبا ویژن

طراحی وب سایت

نظر

بهینه سازی تصویر

محتوای بصری شما باید برای مشتریان و موتورهای جستجو بهینه شود. از این نکات بهینه سازی تصویر برای حداکثر قابلیت یافتن و سرعت استفاده کنید.

 

به آخرین باری که تصویری را در وب سایت خود بارگذاری کرده اید فکر کنید. به احتمال زیاد شما آن را از یک سایت عکاسی انبار بارگیری کرده اید ، آن را در پشت سایت خود بارگذاری کرده اید و سپس آن را در صفحه قرار داده اید.

 

این یک مثال درخشان از بهینه سازی تصویر است ، درست است؟ نه کاملا.

 

شما یک وزن بزرگ توپ بولینگ به سایت خود اضافه کرده اید که سرعت صفحه را کند می کند. و موتورهای جستجو نمی توانند تصاویر شما را بدون متن alt بخوانند.

 

بگذارید آن را تغییر دهیم

 

بر اساس داده های Jumpshot در سال 2018 ، بیش از 20 of از جستجوهای وب ایالات متحده در Google Images انجام می شود.

 

آماتورهای سئو و حرفه ای ها می دانند که بهینه سازی تصاویر برای وب سایت شما به طور قابل توجهی ارزش وقت صرف شده را دارد.

 

دن مورگان در WebSpection با بهینه سازی تصویر خود ، در کمتر از چهار روز یکی از عکسهای خود را در رتبه 1 در Google Images به عنوان "بهترین فرد در کاردیف" بدست آورد.

 

و ، رابی ریچاردز با افزودن برچسب های alt تصویر ، فشرده سازی تصاویر و چند ترفند دیگر SEO ، 150،732 بازدید انجام داد.

 

1. قالب مناسب را انتخاب کنید

رمزگشایی همه فرمت های مختلف تصویر مانند اولین بار است که در Taco Bell سفارش می دهید. اما ، قبل از شروع به افزودن تصاویر به سایت خود ، می خواهید مطمئن شوید که بهترین نوع فایل را انتخاب کرده اید.

 

 

در حالی که فرمت های تصویری زیادی برای انتخاب وجود دارد ، PNG و JPEG رایج ترین برای وب هستند.

 

PNG: تصاویری با کیفیت بهتر تولید می کند ، اما حجم فایل بزرگتری دارد.

JPEG: ممکن است کیفیت تصویر را از دست بدهید ، اما می توانید سطح کیفیت را برای یافتن تعادل مناسب تنظیم کنید.

WebP: با استفاده از این ، تنها فرمت تصویری که توسط Chrome و Firefox پشتیبانی می شود ، فشرده سازی بدون ضرر یا بدون ضرر را انتخاب کنید.

برای من ، PNG قهرمان ناشناخته قالب بندی تصویر است. به طور معمول ، من فقط از JPEG برای تصاویر بزرگتر و بصری تر که توسط یک عکاس واقعی گرفته شده استفاده می کنم. اما ، برای استفاده روزانه من ، PNG راهی است که باید پیش برود.

 

2. تصاویر خود را فشرده کنید

بله ، جهنم پس از بارگذاری تصویری که فشرده نشده است ، مانند یک صفحه وب متورم هیچ خشمی ندارد.

 

موتورهای جستجو مانند وب سایت شما به وب سایت شما نگاه می کنند ، همانطور که شما به یک کپسول بزرگ Crisco نگاه می کنید.

 

بر اساس بایگانی HTTP ، تصاویر به طور متوسط ??21 درصد از وزن کل صفحه وب را تشکیل می دهند.

 

به همین دلیل توصیه می کنم قبل از بارگذاری در سایت خود ، تصاویر خود را فشرده کنید. می توانید این کار را در Photoshop انجام دهید یا می توانید از ابزاری مانند TinyPNG استفاده کنید. TingPNG همچنین دارای یک افزونه وردپرس است که می توانید از آن نیز استفاده کنید.

 

قفل را باز کنید (ارائه نمی شود) با Keyword Hero

همه کلمات کلیدی ارگانیک خود را در GA و معیارهای عملکرد آنها را ببینید. امتحان رایگان. لغو در هر زمان. پشتیبانی حرفه ای راه اندازی 4 دقیقه ای

 

 

با این حال ، من WP Smush را به عنوان افزونه وردپرس خود ترجیح می دهم. این اندازه تصویر را بدون حذف کیفیت کاهش می دهد. از هر افزونه ای که استفاده می کنید ، مطمئن شوید که افزونه ای را پیدا کرده اید که تصاویر را به صورت خارجی روی سرورهای خود فشرده می کند. بار سایت شما را کاهش می دهد.

 

یا ، یک قدم جلوتر بروید و از CDN تصویر استفاده کنید که دستگاه را تشخیص داده و تصویر را قبل از تحویل بهینه می کند. Cloudinary و Imgix دو گزینه برای آزمایش هستند.

 

Increasingly.com با فشرده سازی تصاویر سرعت وب سایت را 33? / 2 ثانیه بهبود بخشید.

 

منظور من این است که در مورد سرعت بیشتر صفحه هنگام فشرده سازی تصاویر ، چیزی جذاب وجود دارد.

 

اگر مطمئن نیستید که تصاویر شما چگونه بر سرعت صفحه شما تأثیر می گذارد ، توصیه می کنم از ابزار PageSpeed ??Insights Google استفاده کنید.

 

3. ایجاد تصاویر منحصر به فرد

شما می خواهید عکس های شما در سایت شما ظاهر شوند. اگر وب سایت خود را با تصاویر موجود پر کنید ، غیر اصلی به نظر خواهید رسید - مانند هزاران سایت دیگر که برجسته نیستند.

 

تعداد زیادی از وب سایت ها با همان عکس های عادی موجود است.

 

 

در مورد یک وب سایت شرکتی ، یک شرکت مشاوره ، شغلی که خدمات مشتری به خود می بالد فکر کنید. همه این وب سایت ها تقریباً از تصویر موجود در یک لبخند تاجر استفاده می کنند.

 

من مطمئن هستم که شما چنین چیزی را دیده اید:

 

تصویر سهام مرد تجاری معمولی

 

در حالی که ممکن است تصاویر موجودی خود را کاملاً بهینه کرده باشید ، اما همان تأثیر و مزایای بالقوه SEO را مانند یک تصویر اصلی و با کیفیت بالا نخواهد داشت.

 

 

هرچه تصاویر اصلی بیشتری داشته باشید ، تجربه بهتری برای کاربر و رتبه بندی بهتر در جستجوهای مربوطه خواهید داشت.

 

به خاطر داشته باشید که تصاویر بزرگتر بیشتر در Google Discover نشان داده می شوند. همانطور که گوگل در منبع SEO پیشرفته خود توصیه می کند ، "تصاویر بزرگ باید حداقل 1200 پیکسل عرض داشته باشند و توسط max-image-preview: تنظیمات بزرگ یا با استفاده از AMP فعال شوند." از لوگوی خود به عنوان تصویر استفاده نکنید.

 

4. مراقب حق چاپ باشید

صرف نظر از فایل های تصویری که برای استفاده انتخاب می کنید ، مطمئن شوید که هیچ اختلافی در حق نسخه برداری وجود ندارد.

 

سرویس پستی 3.5 میلیون دلار در پرونده شکایت حق چاپ به تصویر پرداخت می کند. و ، Sketchers برای 2.5 میلیون دلار شکایت شد.

 

اگر Getty ، Shutterstock ، DepositFiles یا سایر ارائه دهندگان عکس سهام دارای تصویری است که شما استفاده می کنید و مجوز استفاده از آن را ندارید ، در این صورت با یک دعوی گران قیمت روبرو هستید.

 

بر اساس قانون حق نسخه برداری هزاره دیجیتال (DMCA) ، در صورت نقض هرگونه مشکل حق نسخه برداری ، ممکن است یک اخطار برای شما صادر شود. اگر صاحب یک محتوا محتوای خود را در وب سایت شما ببیند ، می تواند حذف DMCA را صادر کند که باید آن را رعایت کنید.

 

 

Google Images به شما امکان می دهد نتایج را بر اساس نتایج موجود برای استفاده مجدد فیلتر کنید. و ، مندی واینستاین 41 وب سایت مختلف را برای یافتن تصاویر رایگان به اشتراک می گذارد.

 

5. سفارشی کردن نام فایل های تصویری

در مورد SEO ، ایجاد نام فایل های توصیفی و غنی از کلمات کلیدی بسیار مهم است.

 

سفارشی نکردن نام فایل تصویری مانند گرفتن یک burrito بدون هیچ چیز در آن است. فقط ساده است

 

نام فایلهای تصویری به Google و سایر خزنده های موتور جستجو در مورد موضوع تصویر هشدار می دهد.

 

به طور معمول ، نام فایل ها شبیه "IMG_722019" یا چیزی شبیه آن است. این مانند سفارش از منو به زبان دیگر است. به Google کمک نمی کند.

 

نام فایل را از حالت پیش فرض تغییر دهید تا به موتورهای جستجو در درک تصویر شما و بهبود ارزش SEO شما کمک کند.

 

این شامل کمی کار است ،

بسته به وسعت کتابخانه رسانه شما ، اما تغییر نام تصویر پیش فرض همیشه ایده خوبی است. بیایید این تصویر شکلات را برای مثال در نظر بگیریم:

 

نوار با طعم قهوه شکلات تلخ

 

من می توانم آن را فقط "شکلات" نامگذاری کنم ، اما اگر در وب سایت خود شکلات می فروشید ، به طور بالقوه می توانید هر تصویر را "شکلات -1" ، "شکلات -2" و غیره نامگذاری کنید.

 

من نام این تصویر را "شکلات تیره-قهوه" گذاشتم تا کاربران و موتورهای جستجو بتوانند تصویر را درک کنند.

 

6. متن Alt متناسب با SEO بنویسید

تگ های Alt یک جایگزین متنی برای تصاویر هستند که مرورگر نمی تواند آنها را به درستی ارائه دهد. مشابه عنوان ، ویژگی alt برای توصیف محتویات یک فایل تصویری استفاده می شود.

 

هنگامی که تصویر بارگیری نمی شود ، یک جعبه تصویر با برچسب alt در گوشه بالا سمت چپ دریافت خواهید کرد. مطمئن شوید که با تصویر مطابقت داشته باشند و تصویر را مرتبط کنید.

 

توجه به برچسب های alt برای استراتژی کلی SEO در صفحه نیز مفید است. شما می خواهید اطمینان حاصل کنید که سایر مناطق بهینه سازی وجود دارد ، اما اگر تصویر به هر دلیلی بارگیری نشود ، کاربران می بینند که تصویر قرار است چه چیزی باشد.

 

به علاوه ، افزودن برچسب های alt مناسب به تصاویر وب سایت شما می تواند به وب سایت شما کمک کند تا با مرتبط کردن کلمات کلیدی با تصاویر ، رتبه بهتری در موتورهای جستجو کسب کند. حتی گوگل به ارزش متون alt در تصاویر اشاره کرده است.

 

 

اطلاعات مفیدی در مورد موضوع تصویر در اختیار گوگل قرار می دهد. ما از این اطلاعات برای تعیین بهترین تصویر برای بازگشت برای درخواست کاربر استفاده می کنیم.

 

برای افرادی که خود قادر به مشاهده تصاویر نیستند ، متن Alt تحت قانون معلولیت های آمریکا مورد نیاز است. یک متن جایگزین توصیفی می تواند به کاربران دقیقاً آنچه در عکس است هشدار دهد. به عنوان مثال ، بگویید که در وب سایت خود عکس شکلات دارید.

 

متن alt می تواند بخواند:

 

<img src = ”ocolate-1.jpg ”alt =” شکلات ”/>

 

با این حال ، یک متن جایگزین بهتر که تصویر را توصیف می کند ، می تواند بخواند:

 

<img src = ”ocolate-1.jpg ”alt =” نوار طعم دار قهوه شکلات تلخ ”/>

 

متن Alt در نسخه متنی ذخیره شده صفحه قابل مشاهده است و به نفع آن هم برای کاربران و هم برای موتورهای جستجو است. برای ارزش بیشتر SEO ، هنگامی که تصویر به صفحه دیگری در سایت پیوند می دهد ، متن متنی می تواند به عنوان تکیه گاه یک پیوند داخلی عمل کند.

 

7. درباره ساختار فایل تصویری فکر کنید

در سال 2018 ، گوگل دستورالعمل های تصویر خود را به روز کرد. یکی از مهمترین به روز رسانی آنها این بود که از مسیر فایل و نام فایل برای رتبه بندی تصاویر استفاده می کنند.

 

 

تکرار: مسیر فایل و نام فایل یک عامل واقعی رتبه بندی است.

 

به عنوان مثال ، اگر شما یک برند تجارت الکترونیک با چندین محصول هستید ، به جای قرار دادن تمام تصاویر محصول خود در یک پوشه /رسانه عمومی ، توصیه می کنم پوشه های فرعی خود را در موضوعات مرتبط با دسته بیشتر مانند /شورت /یا /جین /قرار دهید.

 

8. عنوان و توضیحات صفحه خود را ایجاد کنید

گوگل همچنین فاش کرد که از عنوان صفحه و توضیحات آن به عنوان بخشی از الگوریتم جستجوی تصویر خود استفاده می کند.

 

در صفحه پشتیبانی Google آمده است:

 

"Google Images به طور خودکار یک عنوان و قطعه ای ایجاد می کند تا هر نتیجه و نحوه ارتباط آن با پرسش کاربر را به بهترین نحو توضیح دهد ... ما از تعدادی منبع مختلف برای این اطلاعات استفاده می کنیم ، از جمله اطلاعات توصیفی در عنوان ، و متا تگ ها."

 

همه عوامل SEO اصلی شما مانند متا داده ها ، برچسب های سرصفحه ، کپی در صفحه ، داده های ساختار یافته و غیره بر نحوه رتبه بندی تصاویر شما توسط Google تأثیر می گذارد.

 

مثل این است که تمام مواد روکش خود را روی بوریتو بگذارید. با guac طعم بهتری دارد. بنابراین ، مطمئن شوید که guac را برای بهبود رتبه بندی تصاویر اضافه می کنید.

 

 

9. ابعاد خود را مشخص کنید

اگر از AMP یا PWA استفاده می کنید ، باید ابعاد تصویر خود را در کد منبع تعیین کنید.

 

با این حال ، اگر از هر دو استفاده نمی کنید ، باز هم بهترین عمل برای تعیین عرض و ارتفاع است. تجربه کاربری بهتری را ارائه می دهد.

 

علاوه بر این ، به مرورگرها اجازه می دهد قبل از بارگیری CSS اندازه تصویر را اندازه گیری کنند. این باعث می شود که صفحه هنگام بارگیری پرش نکند.

 

ویژگی های ابعاد تصویر نیز برای جلوگیری از مشکلات Cumulative Layout Shift (CLS) که می تواند در بهینه سازی Core Web Vitals شما اختلال ایجاد کند ، مهم هستند.

 

اطمینان از اینکه ویژگی های عرض و ارتفاع را برای هر عنصر تصویر و ویدئو در نظر می گیرید بسیار مهم است.

 

این به مرورگر می گوید که چقدر فضا برای منابع اختصاص دهد و از تغییر محتوای مزاحم که نمره CLS شما را پایین می آورد جلوگیری می کند. اینجا بیشتر بیاموزید.

 

10. تصاویر خود را برای موبایل دوستانه کنید

اوه ، سئوی موبایل در بدترین حالت ، می تواند نرخ پرش بالا و تبدیل کم را به شما ارائه دهد. اما ، در بهترین حالت ، می تواند به شما قدرت رتبه بندی بیشتر و تعامل بهتر با کاربران را بدهد.

 

 

مشکل این است که چگونه می توانید تصاویر خود را برای فهرست اول تلفن همراه بهینه کنید؟

 

شما تصاویر پاسخگو ایجاد می کنید. این بدان معناست که تصویر با اندازه سایت تغییر می کند ، خواه کاربر از دسکتاپ استفاده می کند یا از تلفن همراه. با توجه به اندازه دستگاه تنظیم می شود.

 

موزیلا در مورد استفاده از ویژگی های srcset و اندازه برای ارائه تصاویر منبع اضافی به مرورگر ، و امکان نمایش تصاویرمحتوای تصویر یکسان برای دستگاه تغییر اندازه داده است.

 

مهم است که این را با بخش متفاوتی از مقدار ویژگی در هر خط قالب بندی کنید ، همانطور که در این مثال از منبع آنها نشان داده شده است:

 

<img srcset = "elva-fairy-480w.jpg 480w،

elva-fairy-800w.jpg 800w "

اندازه = "(حداکثر عرض: 600 پیکسل) 480 پیکسل ،

800 پیکسل "

src = "elva-fairy-800w.jpg"

alt = "الوا لباس پری پوشید">

 

در اینجا درباره استفاده از srcset برای تصاویر پاسخگو بیشتر بدانید.

 

11. افزودن تصاویر به نقشه سایت خود

این که آیا تصاویر خود را به نقشه سایت خود اضافه می کنید یا نقشه سایت جدیدی برای تصاویر ایجاد می کنید ، تصاویر را در جایی در نقشه سایت خود می خواهید.

 

 

قرار دادن تصاویر در نقشه سایت احتمال خزیدن و نمایه سازی تصاویر شما توسط موتورهای جستجو را بسیار افزایش می دهد. بنابراین ، باعث افزایش ترافیک سایت می شود.

 

اگر از وردپرس استفاده می کنید ، Yoast یک راه حل نقشه سایت در افزونه خود ارائه می دهد

 

نکات کلیدی بهینه سازی تصویر

بنابراین ، قبل از شروع بارگذاری تصویر خود در سایت خود ، اطمینان حاصل کنید که از بالا آیین بهینه سازی تصویر را دنبال می کنید.

 

مهمترین چیز این است که مطمئن شوید تصویر و متن جایگزین مربوط به صفحه است. سایر موارد مهم مصرف:

 

فرمت فایل مناسب را انتخاب کنید. PNG ها مورد علاقه من برای اسکرین شات هستند.

برای افزایش سرعت بارگذاری صفحه ، حجم فایل را کاهش دهید.

اطمینان حاصل کنید که عناصر SEO داخلی (متا داده ها ، داده های ساختار یافته و غیره) با تصویر شما جفت شوند.

برای خزنده بودن ، نقشه سایت تصویر ایجاد کنید یا مطمئن شوید که تصاویر شما در نقشه سایت شما نشان داده شده است.

 

بهینه سازی تصاویر شوخی نیست. با پیشرفت در فناوری جستجوی صوتی ، رسانه اهمیت روزافزونی دارد و کل سایت شما از انجام مراحل بالا سود خواهد برد.